<template>
	<view>
	<view @click="viewJobDetails">
		<view class="hots" v-if="type===0">
		    <view class="left_icon">
				<view  class="iconfont">
					<image src="../../../../static/清单.png" style="width: 30px;height: 30px; padding-top: 10px;" :name="icon" :color="colors" size="12"></image>
				</view>
		    </view>
		    <view class="center">
		      <view :class="subtitle!=''?'p1':'title'" :style="'color: '+titleColor">查看工单详情</view>
		      <view class="p2" v-if="subtitle!=''">Hot Products Listed</view>
		    </view>
		    <view class="right" v-if="showmore">
		      <image src="../../../../static/箭头.png" style="width: 20px;height: 20px; padding-top: 5px;" class="right_img" name="arrow-right" color="gray"></image>
		    </view>
		</view>
	</view>
	<view @click="afteSalesIssues">
		<view class="hots" v-if="type===0">
		    <view class="left_icon">
				<view  class="iconfont">
					<image src="../../../../static/问题描述.png" style="width: 30px;height: 30px; padding-top: 10px;" :name="icon" :color="colors" size="12"></image>
				</view>
		    </view>
		    <view class="center">
		      <view :class="subtitle!=''?'p1':'title'" :style="'color: '+titleColor">售后问题记录</view>
		      <view class="p2" v-if="subtitle!=''">Hot Products Listed</view>
		    </view>
		    <view class="right" v-if="showmore">
		      <image src="../../../../static/箭头.png" style="width: 20px;height: 20px; padding-top: 5px;" class="right_img" name="arrow-right" color="gray"></image>
		    </view>
		</view>
	</view>
	<view @click="journal">
		<view class="hots" v-if="type===0">
		    <view class="left_icon">
				<view  class="iconfont">
					<image src="../../../../static/报告.png" style="width: 30px;height: 30px; padding-top: 10px;" :name="icon" :color="colors" size="12"></image>
				</view>
		    </view>
		    <view class="center">
		      <view :class="subtitle!=''?'p1':'title'" :style="'color: '+titleColor">日记账上报</view>
		      <view class="p2" v-if="subtitle!=''">Hot Products Listed</view>
		    </view>
		    <view class="right" v-if="showmore">
		      <image src="../../../../static/箭头.png" style="width: 20px;height: 20px; padding-top: 5px;" class="right_img" name="arrow-right" color="gray"></image>
		    </view>
		</view>
	</view>
	<view @click="examineAndApprove">
		<view class="hots" v-if="type===0">
		    <view class="left_icon">
				<view  class="iconfont">
					<image src="../../../../static/审批.png" style="width: 30px;height: 30px; padding-top: 10px;" :name="icon" :color="colors" size="12"></image>
				</view>
		    </view>
		    <view class="center">
		      <view :class="subtitle!=''?'p1':'title'" :style="'color: '+titleColor">物料审批</view>
		      <view class="p2" v-if="subtitle!=''">Hot Products Listed</view>
		    </view>
		    <view class="right" v-if="showmore">
		      <image src="../../../../static/箭头.png" style="width: 20px;height: 20px; padding-top: 5px;" class="right_img" name="arrow-right" color="gray"></image>
		    </view>
		</view>
	</view>
	<view @click="confirmReporting">
		<view class="hots" v-if="type===0">
		    <view class="left_icon">
				<view  class="iconfont">
					<image src="../../../../static/提交订单.png" style="width: 30px;height: 30px; padding-top: 10px;" :name="icon" :color="colors" size="12"></image>
				</view>
		    </view>
		    <view class="center">
		      <view :class="subtitle!=''?'p1':'title'" :style="'color: '+titleColor">维修确认单</view>
		      <view class="p2" v-if="subtitle!=''">Hot Products Listed</view>
		    </view>
		    <view class="right" v-if="showmore">
		      <image src="../../../../static/箭头.png" style="width: 20px;height: 20px; padding-top: 5px;" class="right_img" name="arrow-right" color="gray"></image>
		    </view>
		</view>
	</view>
	<view @click="dSingleUpload">
		<view class="hots" v-if="type===0">
		    <view class="left_icon">
				<view  class="iconfont">
					<image src="../../../../static/提交订单.png" style="width: 30px;height: 30px; padding-top: 10px;" :name="icon" :color="colors" size="12"></image>
				</view>
		    </view>
		    <view class="center">
		      <view :class="subtitle!=''?'p1':'title'" :style="'color: '+titleColor">提交8D单</view>
		      <view class="p2" v-if="subtitle!=''">Hot Products Listed</view>
		    </view>
		    <view class="right" v-if="showmore">
		      <image src="../../../../static/箭头.png" style="width: 20px;height: 20px; padding-top: 5px;" class="right_img" name="arrow-right" color="gray"></image>
		    </view>
		</view>
	</view>
	<!-- <modal v-if="sss == true" @confirm="handleConfirm" @cancel='handleConfirm'>
	<wu-card-qr qrName="工单详情" :qrSrc="qyQrSrc" :qrContentList="qrContentList" @clickButton="changeModal('QrCode')"></wu-card-qr>
	</modal> -->
	</view>

</template>

<script>

export default {
  data() {
    return {
		item:null,
		qyQrSrc: 'https://img13.360buyimg.com/ddimg/jfs/t1/134519/19/12321/36617/5f86b7a2Ed9aaa2d7/746203b11b0cab5a.png',
		qrContentList: [
						{
							text: '设备类型:',
							value: 'XX',
							cls: 'cuIcon-homefill text-blue',
						},
						{
							text: '出厂时间:',
							value: 'XX',
							cls: 'cuIcon-locationfill text-mauve'
						},
						{
							text: '生产组别:',
							value: 'XX',
							cls: 'cuIcon-locationfill text-mauve'
						},
						{
							text: '客户名称:',
							value: 'XX',
							cls: 'cuIcon-locationfill text-mauve'
						},
					],
		sss:false,
		
	};
  },
	
  components: {},
  props: {
	 
	 
	list: Array,
	 
    colors: {
      type: String,
	  default:'#55aaff'
    },
	titleColor: {
	  type: String,
	  default:'#000'
	},
	title:{
		type: String,
		default:''
	},
	subtitle:{
		type: String,
		default:''
	},
	showmore:{
		type: Boolean,
		default:true
	},
	type:{
		type:Number,
		default:0
	},
	icon:{
		type:String,
		default:"star-fill"
	}
  },
  created() {
  		console.log('父组件data定义的变量包含函数', this.item);
  		// this.active_id=this.activeId
  	      },

  // onLoad() {
  // 	    // this.item=JSON.parse(option.item)
  // 	    // console.log(this.item)
		// console.log(this.name)
  // 	},
  methods: {
	  handleConfirm(){
		  this.sss = false;
	  },
	  // onReady() {
	  //             uni.$on('detailsMsg', (data)=> {
	  //                 //我把传过来的数据存到了 data 中
	  //                 this.workOrderNumber = data
	  //                 // console.log('接收数据',data);
	  //             })
	  //             uni.$emit('send')
	  //         this.qrContentList[0].value = this.workOrderNumber
			//   },
	  viewJobDetails(){
		// this.sss = true;
	  	//跳转到数据所传递到的页面
	  	uni.navigateTo({
	  		url: '/pages/workOrderNumber/workOrderNumber'
	  	});
	  },
	  afteSalesIssues(){
	  	//跳转到数据所传递到的页面
	  	uni.navigateTo({
	  		url: '/pages/afteSalesIssues/afteSalesIssues'
	  	});
	  },
	  journal(){
	  	//跳转到数据所传递到的页面
	  	uni.navigateTo({
	  		url: '/pages/journal/journal'
	  	});
	  },
	  examineAndApprove(){
	  	//跳转到数据所传递到的页面
	  	uni.navigateTo({
	  		url: '/pages/examineAndApprove/examineAndApprove'
	  	});
	  },
	  confirmReporting(){
		  //跳转到数据所传递到的页面
		  uni.navigateTo({
		  	url: '/pages/confirmationForm/confirmationForm'
		  });
	  },
	  dSingleUpload(){
		  //跳转到数据所传递到的页面
		  uni.navigateTo({
		  	url: '/pages/8dSingleUpload/8dSingleUpload'
		  });
	  }
  }
};
</script>
<style lang="scss" scoped>
.hots{
  padding: 0 3%;
  padding-top: 10upx;
  height: 120upx;
  border-bottom: 1upx solid #F8F8F8;
  overflow: hidden;
}
.hots:active{
  opacity: 0.8;
}
.left_icon{
  float: left;
}
.left_icon .iconfont{
  font-size: 46upx;
  display: inline-block;
  margin-right: 20upx;
  line-height: 100upx;
}
.center{
  float: left;
  
}
.title{
	font-size: 28upx;
	font-weight: 500;
	color: #000;
	line-height: 90upx;
	margin-top: 10upx;
}
.p1{
  font-size: 28upx;
  font-weight: 500;
  line-height: 50upx;
  margin-top: 10upx;
}
.p2{
  font-size: 24upx;
  color: #999;
}
.right{
  float: right;
}
.right .right_img{
  width: 40upx;
  height: 40upx;
  display: inline-block;
  margin-top: 28upx;
}
</style>